<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>JS 数组</h1>
    <button onclick="add()">加样式</button>
    <hr>

    <ul id="list">
        <li>声声慢·寻寻觅觅</li>
        <li>寻寻觅觅，冷冷清清，凄凄惨惨戚戚。</li>
        <li>乍暖还寒时候，最难将息。</li>
        <li>三杯两盏淡酒，怎敌他、晚来风急？</li>
        <li>雁过也，正伤心，却是旧时相识。</li>
    </ul>

    <li>说曹操曹操到!</li>

    <script>
        function add(){
            var list = document.getElementById('list');
            var lis = list.getElementsByTagName('li');
            // console.log(lis);
            // console.log(lis.length);
            // for
            for (var i = 0; i < lis.length; i++) {
                lis[i].style.border = '1px solid #f00';
            }
            // for in
            // for (var i in lis) {
            //     // lis[i].style.backgroundColor = '#abcdef';
            //     console.log(i, lis[i]);
            // }
        }
        
    </script>
</body>
</html>